$(function () {
  $('#submit').on('click', function () {
    let username = $('#username').val(),
      password = $('#password').val();
    // console.log(username);
    // console.log(password);
    $.ajax({
      type: 'post',
      url: '../../interface/login.php',
      data: {
        username: username,
        password: password,
      },
      // dataType: "dataType",
      success: function (res) {
        // console.log(res);
        if (res == 'success') {
          alert('登录成功');
          location.href = './index.html';
        } else {
          $('.login-fail').text('用户名或密码错误');
        }
      },
    });
  });

  $('.tab_li>div').on('click', function () {
    // $(this).find(a).css('color', 'black');
    console.log(this);
    // $(this).find('a').addClass('current').siblings().removeClass('current');
    $('#a').on('click', function () {
      $(this).css('color', '#000');
      $('#b').css('color', '#BBB');
    });
    $('#b').on('click', function () {
      $(this).css('color', '#000');
      $('#a').css('color', '#BBB');
    });
    // 链式编程操作
    //  $(this).addClass("current").siblings().removeClass("current");
    // 2.点击的同时，得到当前li 的索引号
    var index = $(this).index();
    console.log(index);
    // 3.让下部里面相应索引号的item显示，其余的item隐藏
    $('.tab_con .item').eq(index).show().siblings().hide();
    // $('.tab_con').fadeToggle(400);
    400;
  });
});
